<template>
	<div class="login">

		<div class="bax">
			<div class="log">
				<el-page-header @back="back">
				</el-page-header>
	<!-- 			<div class="filex">
					<img :src="imageUrl">
					<input type="file" ref="upfile" @change="onFileChange">
				</div> -->
				<form>
					<input type="text" v-model="user.username" placeholder="账号" />
					<input type="text" v-model="user.password" placeholder="请输入登录密码,5位纯数字" />
					<input type="text" v-model="user.password" placeholder="确定密码" />
					<input type="text" v-model="user.username" placeholder="姓名昵称" />
					<input type="text" v-model="user.username" placeholder="手机号" />
					<input type="text" v-model="user.username" placeholder="地址" />
					<div class="div1">
						<input type="button" value="注册"/>
						<input type="button" value="去登录"/>
					</div>
				</form>
				<div class="but">
					<!-- <button @click="register">注册</button> -->
					<!-- <button @click="gologin">去登录</button> -->
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import {
		mapActions,
		mapState
	} from 'vuex';
	import Statusbar from '@/components/pc/default/Statusbar.vue'

	export default {
		name: 'Login', //登录
		components: {
			Statusbar
		},
		data() {
			return {
				user: {}, //登录用户信息
			}
		},
		methods: {
			...mapActions('user', ['selWord']),
			...mapActions('user', ['selToken']),

			register(){
				this.$router.push('/mobile/login')
			},
			back() {
				this.$router.push('/mobile/home')
			}
		},
	}
</script>

<style scoped>
	.login .bax {
		background-color: #9bc89c;
		width: 100%;
		height: 100%;
		position: absolute;
		position: fixed;
		bottom: 0;
		background-size: 100% 100%;

	}

	.login {
		width: 100%;
		height: 100%;
		color: white;
	}

	.login .log form {
		margin: auto;
		margin-top: 40%;
		display: flex;
		align-items: center;
		/* font-size: 200px; */
		/* padding: 5px 10px; */
		flex-direction: column;
		width: 100%;
		height: 13rem;


	}


	.login .log form input[type="text"],
	[type='password'] {
		width: 80%;
		height: 3rem;
		margin-top: 30px;
	}

	.login .log .but {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.div1{
		display: flex;
	}
	.div1 input{
		
		outline: none;
		border: none;
		width: 10rem;
		height: 3rem;
		margin: 0px 20px 0 0;
		background-image: linear-gradient(to right, #fffae8, #89c885);

	}
</style>